<template>
  <ClDialog v-bind="$attrs" :title="getTitle" width="1600px">
    <ClBar>
      <div v-html="info.htmlContent" />
    </ClBar>
    <template #footer>
      <span class="dialog-footer">
        <el-button type="primary" @click="emit('atClose')">确定</el-button>
      </span>
    </template>
  </ClDialog>
</template>

<script setup lang="ts">
const getTitle = computed(() => {
  return props.type
})

interface infoType {
  [props: string]: any
}
const props = defineProps<{ info: infoType; type: string }>()

const emit = defineEmits<{
  (e: 'atClose', str?: string | undefined): void
}>()
</script>

<style scoped lang="scss"></style>
